<template>
  <div
    class="originProject preview-form"
    style=" background:rgba(255,255,255,1);"
  >
    <div class="comMenu">
      <Menu
        mode="horizontal"
        theme="dark"
        :active-name="1"
        class="
        
         positionCenter
        
      "
      >
        <MenuItem name="1">
          <Icon type="ios-home" />
          首页
        </MenuItem>

        <MenuItem name="2">
          <Icon type="ios-analytics" />
          解决方案与案例
        </MenuItem>

        <MenuItem name="3">
          <Icon type="md-thumbs-up" />
          服务与能力
        </MenuItem>

        <MenuItem name="4">
          <Icon type="md-bookmarks" />
          产品知识产权
        </MenuItem>

        <MenuItem name="5">
          <Icon type="ios-bulb" />
          关于我们
        </MenuItem>
      </Menu>
    </div>
    <div class="comAvatar">
      <div>
        <Avatar
          shape="square"
          size="default"
          src="http://xundacloud.com/timg.jpeg"
          icon="ios-person"
          style=" width:100%; height:100%; border-radius:0; "
        />
      </div>
    </div>
    <div class="comText">
      <div
        style=" margin-top:80px; font-size:20px; font-weight:bold; text-align:center;"
      >
        我们的服务
      </div>
    </div>
    <div class="comText">
      <div
        style=" margin-bottom:80px; font-size:16px; font-weight:bold; text-align:center;"
      >
        service test
      </div>
    </div>
    <Row style=" padding-left:200px; padding-right:200px; margin-bottom:100px;">
      <Col :span="8">
        <div class="comAvatar">
          <div>
            <Avatar
              shape="circle"
              size="default"
              src="http://img1.imgtn.bdimg.com/it/u=3351082309,2049144244&fm=26&gp=0.jpg"
              icon="ios-person"
              style=" width:200px; height:200px; border-radius:200px; "
            />
          </div>
        </div>
        <div class="comText">
          <div style=" margin-top:20px; text-align:center;">
            这是一段服务描述
          </div>
        </div>
      </Col>
      <Col :span="8">
        <div class="comAvatar">
          <div>
            <Avatar
              shape="circle"
              size="default"
              src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3169253560,1834363706&fm=26&gp=0.jpg"
              icon="ios-person"
              style=" width:200px; height:200px; border-radius:200px; "
            />
          </div>
        </div>
        <div class="comText">
          <div style=" margin-top:20px; text-align:center;">
            这是一段服务描述
          </div>
        </div>
      </Col>
      <Col :span="8">
        <div class="comAvatar">
          <div>
            <Avatar
              shape="circle"
              size="default"
              src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3924888679,2890415222&fm=26&gp=0.jpg"
              icon="ios-person"
              style=" width:200px; height:200px; border-radius:200px; "
            />
          </div>
        </div>
        <div class="comText">
          <div style=" margin-top:20px; text-align:center;">
            这是一段服务描述
          </div>
        </div>
      </Col>
    </Row>
    <Row style=" padding-left:200px; padding-right:200px; padding-bottom:80px;">
      <Col :span="8">
        <div class="comAvatar">
          <div>
            <Avatar
              shape="circle"
              size="default"
              src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3332658379,680850542&fm=26&gp=0.jpg"
              icon="ios-person"
              style=" width:200px; height:200px; border-radius:200px; "
            />
          </div>
        </div>
        <div class="comText">
          <div style=" margin-top:20px; text-align:center;">
            这是一段服务描述
          </div>
        </div>
      </Col>
      <Col :span="8">
        <div class="comAvatar">
          <div>
            <Avatar
              shape="circle"
              size="default"
              src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2132123038,1077287944&fm=26&gp=0.jpg"
              icon="ios-person"
              style=" width:200px; height:200px; border-radius:200px; "
            />
          </div>
        </div>
        <div class="comText">
          <div style=" margin-top:20px; text-align:center;">
            这是一段服务描述
          </div>
        </div>
      </Col>
      <Col :span="8">
        <div class="comAvatar">
          <div>
            <Avatar
              shape="circle"
              size="default"
              src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3064920752,1494594665&fm=26&gp=0.jpg"
              icon="ios-person"
              style=" width:200px; height:200px; border-radius:200px; "
            />
          </div>
        </div>
        <div class="comText">
          <div style=" margin-top:20px; text-align:center;">
            这是一段服务描述
          </div>
        </div>
      </Col>
    </Row>
    <div class="comCard">
      <Card
        dis-hover
        style=" background:#262F3C; padding-left:300px; padding-right:100px; padding-bottom:80px; padding-top:80px; margin-top:40px; border-color:#262F3C;"
      >
        <Row>
          <Col :span="6">
            <div class="comText">
              <div
                style=" color:#FFFFFF; margin-bottom:10px; font-weight:bold; text-align:left;"
              >
                支持与服务
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88; text-align:left;">
                新手学堂
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88; text-align:left;">
                迁移与部署
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88; text-align:left;">
                自助工具
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88; text-align:left;">
                咨询与设计
              </div>
            </div>
          </Col>
          <Col :span="6">
            <div class="comText">
              <div
                style=" color:#FFFFFF; margin-bottom:10px; font-weight:bold;"
              >
                关于我们
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88;">
                联系我们
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88;">
                运营服务
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88;">
                备案管理
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88;">
                客户案例
              </div>
            </div>
          </Col>
          <Col :span="6">
            <div class="comText">
              <div
                style=" color:#FFFFFF; margin-bottom:10px; font-weight:bold;"
              >
                资源和社区
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88;">
                帮助文档
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88;">
                运营服务
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88;">
                开发者中心
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88;">
                开发者课堂
              </div>
            </div>
          </Col>
          <Col :span="6">
            <div class="comText">
              <div
                style=" color:#FFFFFF; margin-bottom:10px; font-weight:bold;"
              >
                帮助中心
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88;">
                提交建议
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88;">
                社区网站
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88;">
                平台规范
              </div>
            </div>
            <div class="comText">
              <div style=" color:#747D88;">
                常见问答
              </div>
            </div>
          </Col>
        </Row>
      </Card>
    </div>
  </div>
</template>
<script>
import selfComponents from "@/components/comm/dtTable/components";
import echarts from "echarts";
import { areaValue, areaData } from "@/libs/common";
import { chartOn, chartOff } from "@/libs/tools";
import area from "@/components/comm/area";

export default {
  components: {
    ...selfComponents,
  },
  data() {
    return {
      a69ef247fedccList: [
        { key: 1, name: "首页", icon: "ios-home" },
        { key: 2, name: "解决方案与案例", icon: "ios-analytics" },
        { key: 3, name: "服务与能力", icon: "md-thumbs-up" },
        { key: 4, name: "产品知识产权", icon: "md-bookmarks" },
        { key: 5, name: "关于我们", icon: "ios-bulb" },
      ],
      pageRecordId: "419",
      adminAddress: "http://test.xundacloud.com:8081/xundacloudDemeAdmin",
      area,
    };
  },
  mounted() {},
  methods: {
    gotoPage(functionPath) {
      this.$router.push({ path: functionPath });
    },
  },
};
</script>
